import React, { Component } from "react";
import Taro from '@tarojs/taro';
import { View,Image,Text,Button,Input } from '@tarojs/components';
import Tab from '../../components/tabBar/Tab';
import { AtButton,AtAvatar, AtModal, AtModalHeader, AtModalContent, AtModalAction,AtInput  } from 'taro-ui';
import './minegrade.scss'
class Minegrade extends Component {
    render () {
      return <View className='container'>
          <View className='grade'>
              <View className='gradetop'>
                  <Text style='font-size:20px'>我的等级积分：105</Text>
              </View>
              <View>
                  <View className='gradetou' style='font-size:18px;background-color:#eb3030;color:white'>
                      <View>
                          <Text>等级</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>标志</Text>
                      </View>
                      <View>
                          <Text>积分</Text>
                      </View>
                      
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>1</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V1</Text>
                      </View>
                      <View>
                          <Text>0-100</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px;color:red'>
                      <View>
                          <Text>2</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V2</Text>
                      </View>
                      <View>
                          <Text>101-200</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>3</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V3</Text>
                      </View>
                      <View>
                          <Text>201-300</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>4</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V4</Text>
                      </View>
                      <View>
                          <Text>301-400</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>5</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V5</Text>
                      </View>
                      <View>
                          <Text>401-500</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>6</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V6</Text>
                      </View>
                      <View>
                          <Text>501-600</Text>
                      </View>  
                  </View><View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>7</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V7</Text>
                      </View>
                      <View>
                          <Text>601-700</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>8</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V8</Text>
                      </View>
                      <View>
                          <Text>701-800</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>9</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V9</Text>
                      </View>
                      <View>
                          <Text>801-900</Text>
                      </View>  
                  </View>
                  <View className='gradetou' style='font-size:18px'>
                      <View>
                          <Text>10</Text>
                      </View>
                      <View className='biaozhi'>
                          <Text>V10</Text>
                      </View>
                      <View>
                          <Text>901-1000</Text>
                      </View>  
                  </View>
              </View>
          </View>
          <Tab current={3}></Tab>
          </View>
          
    }
  }
  
  export default Minegrade